<template>
  <div class="index-form form-contain">
  
    <div class="weiheader">微贷（杭州）金融信息服务有限公司</div>
    <div  class="weicenter">
     <div> 推广产品名称：微贷网</div>
<div>推广主题文案：投资理财、p2p理财、微贷网理财
推广平台/类型：360搜索、360品牌直达、360手机助手、360
信息流</div>

<div><p>数据效果：总曝光量6000w、点击率4.7%、</p>
<div>投资回报率：1/30等</div>
<div>客户需求：获取精准的投资需求用户，提高企业品牌微贷网在网
民心中的形象</div>
</div>
<div><p>投放方案：</p>
<div>1、在360搜索提交精准关键词来获取对投资需求的用户，意向
度强烈，转化率高；</div>
<div>2、360手机助手通过商店内今日热点、小编推荐等优质流量位
置，曝光强，流量优质，转化率高</div></div>
<div>效果数据：注册量上升70%、投资用户数据提升50%、新增用户
增长240%投放总结：微贷网利用360产品矩阵，全覆盖360pc
端和360移动端媒体，再利用360品牌广告进行品牌收口，高转
化率， 投资回报率极高， 同时提高了微贷网在360网民的品牌
形象</div>

<div>客户评价：用户高度匹配行业需求 ，投放精准 ，直达潜在用户 ，
转化效果好，广告位置清晰醒目，后台强大便于数据分析，服务
团队专业细致，愿意长期合作；</div>
    </div>
    <div class="weiResults">
         <span style="margin-top:1rem">信息流广告</span> 
           <span :style ="note"></span>
</div>
<div class="weiRes">
         <span>移动端360助手</span> 
          <img src="static/images/组 3@3x.png">
</div>
  </div>

</template>

<script>
import { getBanner } from '@/api/ajax'

export default {
  data () {
    return {
      note: {
            backgroundImage: "url(static/images/mobile-show.png)",
            backgroundRepeat: "no-repeat",
          },
        
    }
  },
  mounted () {
    getBanner({type: 3}).then(res => {
      this.banner = res.data.list[0].image
    })
  },
  created () {
  },
  methods: {
    addMore () {
    }
  }
}
</script>

<style lang="less">
.weiheader{
width:16.8rem;
height:.93rem;
font-size:.93rem;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(51,51,51,1);
 margin: 0 auto;
 margin-top: 1rem;
 text-align: center;
  }

  .weicenter{
width:22.6rem;
height:25.47rem;
font-size:.8rem;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(51,51,51,1);
margin: 0 auto;
margin-top: .9375rem;
position: relative;
}
.weiResults{
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
  img{
    width: 13.87rem;
    height:11.4rem;
    display: block;
    margin: 0 auto;
    margin-top: 1rem;
  }
  }
  .weiResults>span:nth-child(1){
width:3.67rem;
height:.67rem;
font-size:.67rem;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(51,51,51,1);
display: block;
  margin: 0 auto;
}
  .weiResults>span:nth-child(2){
             background-size: 5rem 9.87rem;
               width:5rem;
               height:9.87rem;
               display: block;
margin: 0 auto;
margin-top:1rem;
  
     }
     .weiRes{
width:6.67rem;
height:.67rem;
font-size:.67rem;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(51,51,51,1);
display: block;
  margin: 0 auto;
  margin-top: 1rem;
  text-align: center;
}
  .weiRes>img{
  background-size:20.07rem 11.53rem;
               width:20.07rem;
               height:11.53rem;
               display: block;
margin: 0 auto;
margin-top:1rem;
    left: -6.8rem;
    position: relative;

     }

</style>
